/*
Class
*/

h1 {
    font-size: 32px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

p {
    font-size: 16px;
}


@media screen and (max-width: 680px) {
    h1 {
      font-size: 22px;
    }
  }
  @media screen and (max-width: 680px) {
    h2 {
      font-size: 17px;
    }
  }

  @media screen and (max-width: 500px) {
    p {
      font-size: 14px;
    }
  }


  
.container {
    border: 1px solid #c9c9c9;
    border-radius: 30px;
    max-width: 1140px;
    padding: 0px;
    background-color: #000000;
    color:#FFF;
}

h1, h2, h3, h4, h5, p, li, ui button, .btn_check {
    font-family: 'Nunito', sans-serif;
    line-height: 1.4;
    font-weight: 300;
}




.top {
    padding: 0px;
    padding-top: 30px;
    background-color: #000000;
    background-repeat: no-repeat;
    border-radius: 30px 30px 0px 0px;
  }
  


p {
    line-height: 1.8;
}

.hero {
      background-size: contain;
  }

.kroki {
    margin: 15px;
}

.icons {
    padding: 30px 15px 30px 15px;
    margin-bottom:30px;

}

.icons p {
    line-height: 1.4;
}


.p_hero {
    background-image: url('../image/bg-p_hero.jpg');
    background-repeat: no-repeat;
    background-position: 100%;
    padding: 45px 20px 45px 20px;
    margin: 0px;
}



.product {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
}

.product-item {
    margin: 15px 0px 75px 0px;
}

hr {
    color: #646464;
    border:0.5px solid;
}

.promotion {
    padding: 15px;
}



.mainphoto {
    margin-top: 60px;
}


.btn_check {
    font-weight: 300;
    color: #FFFFFF;
    font-size: 12pt;
    padding: 9px 45px 9px 45px;
    background: none;
    border-radius: 30px;
    background: #0082FA;
    border: 1px solid #0082FA;

}


.bottom {
    padding:60px 30px 30px 30px;

}

.tylko {
    font-size: 18px;
    color: #646464;
}

.img {
    margin-top:30px;
    margin-bottom:30px;
}

.btn_check:hover {
    color: #0082FA;
    background: none;
    border: 1px solid #0082FA;
}

.container a {
    color: #FFFFFF;
    text-decoration: none;
 }

.disclamer{
    font-size:14px;
    color: #646464;
    margin:35px 15px 45px 15px;
}


.card-body {
    background: #000000;
}

/*
Id
*/


#el {
    font-weight: 200;
 }

 #el-white {
    color:#FFFFFF;
    font-weight: 600;
 }

 #el-grey {
     color:#969696;

 }


#sb {
    font-weight: 600;
 }
      

 .img_top {
    margin-top: 30px;
}


.img_top {

padding-top:20px;
}

.card {
    padding:65px 30px 65px 30px;
}

#white {
    color: #FFFFFF;
    font-weight: 300;
}


#white-sb {
    color: #FFFFFF;
    font-weight: 400;
}


#price {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 32px;

}

.logo {
    padding: 30px 60px 0px 60px;
     
}


#smfont {
    font-size: 14pt;
    text-decoration: line-through;
}

#brand-1 {
    color: #0082FA;
}

#brand-2 {
    color: #0FD2FF;
}

#inter-line {
    line-height: 1;
}

#only_price{
    font-size:16px;
    font-weight:300; 
}